import 'package:flutter/material.dart';

class ColumnComp extends StatelessWidget {
  const ColumnComp({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Column组件'), backgroundColor: Colors.red,),
      body: Center(
        child: Container(
          width: 300.0,
          height: 400.0,
          color: Colors.cyan,
          child: Column(
            // 主轴对齐方式:
            mainAxisAlignment: MainAxisAlignment.center,
            // mainAxisAlignment: MainAxisAlignment.spaceAround,
            // mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            // 侧轴对齐方式
            // crossAxisAlignment: CrossAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.center,
            // crossAxisAlignment: CrossAxisAlignment.end,

            children: [
              // Image.network('https://yanxuan-item.nosdn.127.net/72e734dd1a4d35ce650afebdaa600b57.png', width: 200,),
              Image.network('https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png', width: 200,),
              const Text('美妆效果嘎嘎不卡粉末面刷'),
              const Text('¥99.90')
            ],
          ),
        ),
      ),
    );
  }
}
